/*indexTop*/
.indTop{
    width: 7.5rem;
    height: 1rem;
    background: -webkit-gradient(linear,left top,left bottom,from(rgba(1,1,1,.2)),to(hsla(0,0%,100%,0)));
    background: linear-gradient(rgba(1,1,1,.2),hsla(0,0%,100%,0));
    display: flex;
    justify-content: space-around;
    align-items: center;
    padding: 0 0.3rem;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 10;
}
.indTop i{
    font-size: 0.5rem;
    color: #fff;
}
.indTop.active{
    background: -webkit-gradient(linear,left top,left bottom,from(#eb1625),to(hsla(0,0%,100%,0)));
    background: linear-gradient(#eb1625,hsla(0,0%,100%,0));
}
.indTopCen{
    width: 5rem;
    height: 0.52rem;
    border-radius: 0.1rem;
    background: rgba(255,255,255,0.3);
    display: flex;
    justify-content: left;
    align-items: center;
    padding: 0 0.3rem;
}
/*indexSwiper*/
.indSwiper{
    width: 7.5rem;
    height: 3.65rem;
    position: relative;
    overflow: hidden;
    --swiper-theme-color: #ff6600;/* 设置Swiper风格 */
    --swiper-preloader-color: #ff6600;/* 单独设置预加载圆圈的颜色 */
    
}
.indSwiper img{
    width: 7.5rem;
    height: 3.65rem;
}

/*indexClass*/
.indexClass{
    width: 7.5rem;
    height: 1.6rem;
    margin-top: 0.2rem;
    background: #ffffff;

}
.indexClass ul{
    width: 7.5rem;
    display: flex;
    align-items: center;
    justify-content: space-around;
}
.indexClass ul li{
    height: 1.6rem;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;

}
.indexClass ul li i{
    display: block;
    width: 0.8rem;
    height: 0.8rem;
    border-radius: 100%;
    text-align: center;
    line-height: 0.8rem;
    color: #fff;
}
/*Product*/
.indProduct{
    width: 7.5rem;

}
.indTitle{
    background: #fff;
    height: 0.62rem;
    text-align: center;
    line-height: 0.62rem;
}
.indProBox{
    display: flex;
    align-items: center;
    justify-content: space-around;
    width: 7.5rem;
    height: 3.745rem;
}
.indProItem{
    width: 3.745rem;
    height: 3.735rem;
    border-top: 0.01rem solid #efefef;
    border-bottom: 0.01rem solid #efefef;
    background: #fff;
    padding: 0.1rem;
}
.indProTitle{
    font-size: 0.28rem;
    color: #454545;
}
.indProTitleLabel{
    display: flex;
    align-items: center;
    justify-content: baseline;
}
.indProTitleLabel p{
    color: #7b7f82;
}
.indProTitleLabel .colf7{
    color: #cb385d;
}
.bgBorRi{
    background: #f21d4f;
    color: #fff;
    border-radius: 0.3rem;
    padding: 0 0.1rem;
    margin-left: 0.5rem;
}
.indProImg{
    width: 3.55rem;
    height: 2.4rem;
}
.indProImg img{
    width: 100%;
    height: 100%;
}
.indProItemLi{
    width: 100%;
    height: 1.8rem;
    display: flex;
    align-items: center;
    justify-content: space-around;
}
.indProItemLiFont{
    width: 55%;

}
.indProItemLiImg{
    width: 1.2rem;
    height: 1.2rem;
}
.indProItemLiImg img{
    width: 100%;
    height: 100%;
}
.indProItem .indProItemLi:nth-child(1){
    border-bottom: 0.01rem solid #efefef;
}
.indProListImg{
    width: 1.5rem;
    height: 1.5rem;
    margin: 0 auto;
    margin-top: 0.1rem;
}
.indProListImg img{
    width: 100%;
    height: 100%;
}
.indProListPrice{
    color: #d32a4e;
    text-align: center;
}
.unIndProListPrice{
    color: #7b7f82;
    text-decoration-line: line-through;
    text-align: center;
}
.indProList{
    width: 7.5rem;
    background: #fff;
}
.indProList ul{
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-around;
}
.indProList ul li{
    width: 1.8675rem;
    border-right: 0.01rem solid #efefef;
    padding: 0.05rem;
}
.indProList ul li:nth-last-child(1){
    border-right: 0 none;
}
.colf7{
    color: #f73b61;
}
.colfe{
    color: #fe6719;
}
.col5f{
    color: #5fc600;
}
/*Recommend*/
.indRecommendTitle{
    background: #f5f5f9;
    position: relative;
    text-align: center;
}
.indRecommendTitle:before{
    content: '';
    border-bottom: 0.01rem solid #d4d4d4;
    width: 100%;
    position: absolute;
    top: 50%;
    left: 0;
}
.indRecommendTitle span{
    position: relative;
    z-index: 1;
    display: inline-block;
    *display: inline;
    zoom: 1;
    padding: 0 0.1rem;
    background: #f5f5f9;
}
.indRecommendTitle i{
    color: #eb1625;
}
.indRecommend{
    width: 7.5rem;
}
.indRecommend ul{
    display: flex;
    align-items: center;
    justify-content: baseline;
    flex-wrap: wrap;
}
.indRecommend ul li{
    width: 3.45rem;
    background: #fff;
    padding: 0.2rem;
    margin: 0.15rem;
}
.indRecommendImg,.indRecommendImg img{
    width: 100%;
    height: 100%;
}
.indRecommend .indProListPrice{
    text-align: left;
}